@extends('layouts.admin_panel')
@section('style')
	<link href="/assets/css/category.css" rel="stylesheet" type="text/css"/>
@stop
@section('content')
	<div class="page2">
	    <div class="logo">
	    	<h3>cocodiva</h3>
	    	<span>The art of being unique</span>
	    </div>
	    <div class="main-menu">
		    <ul class="nav-top">
		    	<li>
		    		<a class="" href="">@lang('frontend.category.women')</a>
		    	</li>
		    	<li>
		    		<a class="" href="">@lang('frontend.category.men')</a>
		    	</li>
		    	<li>
		    		<a class="" href="">@lang('frontend.category.kid')</a>
		    	</li>
		    	<li>
		    		<a class="" href="">@lang('frontend.category.shoes_bags')</a>
		    	</li>
		    	<li>
		    		<a class="" href="#">@lang('frontend.category.about_us')</a>
		    	</li>
		    	<li>
		    		<a class="" href="page-contacts.html">@lang('frontend.category.contact')</a>
		    	</li>
		    </ul>
		    <hr>
		    	<ul class="nav-medium">
		    		<li class="active">
			    		<a class="" href="page3.html">Autumn Collection</a>
			    	</li>
			    	<li>
			    		<a class="" href="page3.html">Accessories</a>
			    	</li>
		    	</ul>
		    <hr>
	    </div>
	    <div class="content-page">
	    	<div class="row">
	    		<div class="col-sm-6">
	    			<div class="fix-width-img">
		    			<a href="page3.html">
		    				<img src="/assets/images/IMG_5002.JPG" >
		    				<span class="caption"></span>
		    			</a>
	    			</div>
	    		</div>
	    		<div class="col-sm-6">
	    			<div class="row">
	    				<div class="col-sm-12">
	    					<div class="fix-width-img">
		    					<a href="page3.html">
				    				<img src="/assets/images/IMG_5008.JPG" >
		    						<span class="caption scale-caption"></span>
		    					</a>
	    					</div>
	    				</div>
	    			</div>
	    			<div class="row" style="margin-top: 10px;">
	    				<div class="col-sm-6">
	    					<div class="row">
	    						<div class="col-sm-12">
	    							<div class="fix-width-img">
		    							<a href="page3.html">
						    				<img src="/assets/images/(null)(9).jpg" >
				    						<span class="caption scale-caption"></span>
				    					</a>
			    					</div>
	    						</div>
	    						<div class="col-sm-12" style="margin-top: 15px">
	    							<div class="fix-width-img">
		    							<a href="page3.html">
						    				<img src="/assets/images/3873-005-31_Rodrigo_100x74.jpg" >
				    						<span class="caption scale-caption"></span>
				    					</a>
			    					</div>
	    						</div>
	    					</div>
	    				</div>
	    				<div class="col-sm-6">
	    					<div class="fix-width-img">
		    					<a href="page3.html">
				    				<img src="/assets/images/(null)(4).jpg" >
		    						<span class="caption scale-caption"></span>
		    					</a>
	    					</div>
	    				</div>
	    			</div>
	    		</div>
	    	</div>
	    	<div class="row" style="margin-top: 20px;">
	    		<div class="col-sm-12">
	    			<iframe src="//player.vimeo.com/video/111112554?title=0&amp;byline=0&amp;portrait=0" width="100%" height="320" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
	    		</div>
	    	</div>
	    	<div class="row" style="margin-top: 20px;">
	    		<div class="col-sm-6">
	    			<div class="row">
	    				<div class="col-sm-12">
	    					<div class="fix-width-img">
		    					<a href="page3.html">
				    				<img src="/assets/images/IMG_5001.JPG" >
		    						<span class="caption scale-caption"></span>
		    					</a>
	    					</div>
	    				</div>
	    			</div>
	    			<div class="row" style="margin-top: 17px;">
	    				<div class="col-sm-6">
	    					<div class="row">
	    						<div class="col-sm-12">
	    							<div class="fix-width-img">
		    							<a href="page3.html">
						    				<img src="/assets/images/(null)(2).jpg" >
				    						<span class="caption scale-caption"></span>
				    					</a>
			    					</div>
	    						</div>
	    						<div class="col-sm-12" style="margin-top: 15px">
	    							<div class="fix-width-img">
		    							<a href="page3.html">
						    				<img src="/assets/images/(null)(9).jpg" >
				    						<span class="caption scale-caption"></span>
				    					</a>
			    					</div>
	    						</div>
	    					</div>
	    				</div>
	    				<div class="col-sm-6">
	    					<div class="fix-width-img">
		    					<a href="page3.html">
				    				<img src="/assets/images/(null)(4).jpg" >
		    						<span class="caption scale-caption"></span>
		    					</a>
	    					</div>
	    				</div>
	    			</div>
	    		</div>
	    		<div class="col-sm-6">
	    			<div class="fix-width-img">
		    			<a href="page3.html">
		    				<img src="/assets/images/(null)(4).jpg" >
		    				<span class="caption scale-caption"></span>
		    			</a>
	    			</div>
	    		</div>
	    	</div>
	    	<div class="row" style="margin-top: 20px;">
	    		<div class="col-sm-12">
	    			<div class="fix-width-img">
		    			<a href="page3.html">
		    				<img src="/assets/images/IMG_5007.JPG" class="img-responsive">
			    			<span class="caption scale-caption"></span>
		    			</a>
	    			</div>
	    		</div>
	    	</div>
	    </div>
	    <div class="footer">
	    	<div class="footer-top">
	    		<div class="content-product">
		    	    <div id="slider_container_1" style="position: relative; top: 0px; left: 0px; width: 960px; height: 370px; overflow: hidden;">
		                <div u="loading" style="position: absolute; top: 0px; left: 0px;">
		                    <div class="filter-slide"></div>
		                    <div class="loading-slide"></div>
		                </div>
		                <div u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 960px; height: 370px; overflow: hidden;">
		                    <?php foreach($products as $product) { ?>
		                    <div class="product-box-page" product_id="<?php echo $product->id; ?>">
		                    	<a href=".{{ $product->media ? $product->media->path.$product->media->original : Asset('assets/images/default_image.png')}}" class="highslide" onclick="return hs.expand(this)">
		                    		<img u="image" src="{{ $product->media ? $product->media->path.$product->media->medium : Asset('assets/images/default_image.png')}}" />
		                    	</a>
		                    	<a href="{{ URL::to('/cart/destroy/'.$product->id) }}" class="chose_product"></a>
		                    	<div class="product-info">
		                    		@if (Session::get('language_code') == 'en') 
		                    		<p class="boxname one-line">{{ $product->name_en }}</p>
		                    		@else
		                    		<p class="boxname one-line">{{ $product->name_vi }}</p>
		                    		@endif
		        					<p class="boxxuatxu one-line">@lang('frontend.info_product.madein') : {{ $product->madein }}</p>
		        					<p>@lang('frontend.info_product.price') :</span><span class="boxgiabansi money-format">{{ $product->price_sale }}</p>
		        					<p class="boxsize one-line">@lang('frontend.info_product.size') : {{ $product->size }}</p>
		        					<p class="boxsize one-line">@lang('frontend.info_product.color') : {{ $product->color }}</p>
		        					<p class="boxsize one-line">@lang('frontend.info_product.material') : {{ $product->material }}</p>
		                    	</div>
		                    </div>
		                    <?php } ?>
		                </div>
		                <style>
		                    .jssora03l, .jssora03r, .jssora03ldn, .jssora03rdn
		                    {
		                    	position: absolute;
		                    	cursor: pointer;
		                    	display: block;
		                        overflow:hidden;
		                    }
		                </style>
		                <span u="arrowleft" class="jssora03l arrowleft" style="width: 30px; height: 30px; top: 123px; left: 0px;"></span>
		                <span u="arrowright" class="jssora03r arrowright" style="width: 30px; height: 30px; top: 123px; right: 0px"></span>
		            </div>
		        </div>
	    	</div>
	    	<div class="footer-bottom">
	    		<a href="page3.html" data-original-title="facebook" class=" social-icon social-icon-color facebook"></a>
	    		<a href="page3.html" data-original-title="Goole Plus" class="social-icon social-icon-color googleplus"></a>
				<a href="page3.html" data-original-title="twitter" class="social-icon social-icon-color twitter"></a>
				<a href="page3.html" data-original-title="youtube" class="social-icon social-icon-color youtube"></a>
	    	</div>
	    	<div class="copyright">Copyright&copy; cocovida.vn 2014. All rights reserved.</div>
	    	<div class="clearfix"></div>
	    </div>
	</div>
@stop

@section('script')
	<script src="/assets/js/category.js" type="text/javascript"></script>
@stop